<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1，user-scalable=no" />
    <link rel="stylesheet" type="text/css" href="css/reset.css"/>
    <link rel="stylesheet" type="text/css" href="css/template.css"/>
     <link rel="stylesheet" type="text/css" href="css/login_in.css"/>
     <link rel="stylesheet" type="text/css" href="css/search.css"/>
     <link rel="stylesheet" type="text/css" href="css/wenzhang_2.css"/>
    <title>文章2</title>

  
</head>
<style>
        #denglu{
                display:none;
        }
        #denglu:checked~.login{
                transform: translateX(0%);
        }
        #search_k{
                display: none;
        }
        #search_k:checked~.search{
                transform: translateX(0%);
        }
     
     

</style>
<body>
        <input type="checkbox" id="denglu">
        <input type="checkbox" id="search_k">
        <div class="search">
                        <header>
                                <input type="text" placeholder="Search">
                                
                                <label for="search_k">
                                                <span>取消</span>
                                </label>
                        </header>
                        <div class="neirong">
                                <p>热搜</p>
                                <div class="biaoqian">
                                        <div>项目管理</div>
                                        <div>移动互联网</div>
                                        <div>O2O联转化</div>
                                        <div>O2O</div>
                                        <div>媒介平台</div>
                                        <div>细分平台业务</div>
                                        <div>项目管理</div>
                                        <div>移动互联网</div>
                                        <div>O2O联转化</div>
            
            
                                </div>
                        </div>
        </div>
        <div class="login">
                                <header>
                                        <label for="denglu">
                                                <div class="close">×</div>
                                        </label>
                                                <input type="text" placeholder="Search">
                                                <div class="line"></div>
                                </header>
                    
                                <div class="middle">
                                        <div class="admin">
                                                        <a href="index2.html"><img src="img/login_tx.png"></a>
                                        </div>
                                        <p>立即登录</p>
                                        <span>忘记密码</span>
                                </div>
                                <p class="jianxi"></p>
                                <section class="box">
                                        <div>
                                            <input id="input" name="checkbox" type="checkbox">
                                            <label for="input" class="label_A"><div>CIMC</div><span>></span>
                                                <div class="clear"></div>
                                            </label>
                                            <div class="content contenta">
                                                <div>省广介绍</div>
                                                <div>新闻咨询</div>
                                            </div>
                                        </div>
                                      <div>
                                          <input id="input_A" name="checkbox" type="checkbox">
                                          <label for="input_A"><div>文章</div><span>></span>
                                            <div class="clear"></div>
                                        </label>
                                          <div class="content contenta">
                                                <div>省广介绍</div>
                                                <div>新闻咨询</div>
                                          </div>
                                      </div>
                                  
                                  
                                      <div>
                                          <input id="input_B" name="acheckbox" type="checkbox">
                                          <label for="input_B"><div>资源</div><span>></span>
                                            <div class="clear"></div>
                                        </label>
                                          <div class="content contentb">
                                                <div>省广介绍</div>
                                                <div>新闻咨询</div>
                                          </div>
                                      </div>
                                  
                                      <div>
                                        <input id="input_C" name="checkbox" type="checkbox">
                                        <label for="input_C"><div>课程</div><span>></span>
                                            <div class="clear"></div>
                                        </label>
                                       
                                        <div class="content contentc">
                                                <div>省广介绍</div>
                                                <div>新闻咨询</div>
                                      </div>
                                    </div>
                                      
                                  </section>
        </div>
        <div class="web">

                <header>
                        <div class="top_content">
                                <label for="denglu">
                                   <div class="menu">
                                       <div class="line"></div>
                                       <div class="line"></div>
                                       <div class="line"></div>
                                   </div>
                                </label>
                                   <div class="logo"><img src="img/logo.png"></div>
                                <label for="search_k">
                                   <div class="search_A"><img src="img/search.png"></div>
                                </label>  
                        </div>

                </header>

                <div class="main">
                     
                        <!--***********************************************-->
                                <div class="titleA">
                                        海天“晒“宴，和汪涵一起，参观海天酱油
                                        阳光工厂
                                </div>
                                <div class="tuan">
                                        <div class="xinxi">
                                                <div><img src="img/wz_like.png"></div><span>20</span>
                                                <div><img src="img/wz_guankan.png"></div><span>560</span>
                                        </div>
                                        <div class="wt_date">2015-1-20  <span>[数字营销]</span></div>
                                </div>
                                <div class="wt_txt">
                                        <p>&emsp; &emsp;摘要：“海天阳光之旅”，携手汪涵启程啦！ 幸运的你，将与汪涵近距离互动，一起参观海天酱油阳光工厂，探秘超大规模调味王国！三天两夜免费体验岭南风情，夜游珠江登高小蛮腰，畅游长隆品粤式美食！还等什么？赶快参与互动，报名参加“海天阳光之旅”吧！</p>

                                        <section>
                                                &emsp; &emsp;互联网呈现移动化、社交化、视频化等形式，未来互联网营销是新趋向。
                                        </section>

                                        <p>&emsp; &emsp;与此同时，随着互联网的移动化快速发展与社会化趋势，网民需求正在逐渐多样化。在这一前提下，无论是互联网巨头还是各种创新型互联网企业，单凭自身的资源与创新能力已经无法满足依赖移动互联网平台，表达形式日渐多样化的网民日益多元化的需求。有鉴于此，海天在2014年开始大力发展互联网营销事业，试图在互联网抢夺更多的用户。</p>

                                        <section>&emsp; &emsp;剑指对手，紧追猛打—海天酱油抢回“晒”语权</section>

                                        <p>&emsp; &emsp;直接剑指对手，打出新口号，紧追猛打。针对对手的产品口号，2014年海天酱油新定位—晒出来的好酱油，不仅晒足180天哦！在对手已经教育消费者，好酱油是晒出来的层面上，继续强势教育消费者，其实好酱油不止晒足180天，进一步加深消费者的印象，强势植入品牌概念。希望在新的领域抢夺更多的用户，挖掘更多的潜在受众。</p>

                                        <div class="img_box">
                                                <img src="img/wenzhang2_1.jpg">
                                        </div>

                                        <section>&emsp; &emsp;全网覆盖，最大声量--海天在新阵地上刷新年轻新形象</section>
                                        
                                        <p>  &emsp; &emsp;互联网一直是年轻人的聚集地，想要扩大活动声量结合人群属性和触媒习惯，选择在互联网作为主阵地，最大力度地扩散活动的影响力，聚焦主流平台及优势资源，引爆海天在互 联网上的传播力，为品牌活动引流。</p>
                                        <p class="no_jianx">&emsp; &emsp;四大门户媒体：品牌及活动主力支撑平台，为品牌做公关护航</p>
                                        <p class="no_jianxt">&emsp; &emsp;四大视频媒体：品牌TVC补充曝光，为活动引流助力社会化媒体自发扩散，通过大量转发，促进二次传播。</p>

                                        <div class="img_box">
                                                <img src="img/wenzhang2_2.jpg">
                                        </div>

                                        <section>&emsp; &emsp;策略方向</section>
                                        <p class="no_jianx">&emsp; &emsp;点面结合，互动为王</p>
                                        
                                        <section class="no_jianx">&emsp; &emsp;点</section>
                                        <p class="no_jianx">&emsp; &emsp;紧贴明星汪涵话题点，借助汪涵的明星效应，紧跟工厂游社会热点，通过参观工厂，探秘工厂内部制作酱油的全过程紧抓网友利益点：设置互动活动奖励机制，刺激网友参加</p>

                                        <section class="no_jianx">&emsp; &emsp;面</section>
                                        <p class="no_jianx">&emsp; &emsp;媒介公关全面造势：全方位扩散“海天阳光之旅”的活动精准视频渗透：重点推广品牌TVC，继续借助明星效应社会化口碑广泛积累：通过口口相传的口碑营销，为活动积累人气</p>

                                        
                                        <div class="img_box">
                                                <img src="img/wenzhang2_3.jpg">
                                        </div>

                                        <section>活动简介：</section>

                                        <p>“海天阳光之旅”，携手汪涵启程啦！</p>
                                        <p>幸运的你，将与汪涵近距离互动，一起参观海天酱油阳光工厂，探秘超大规模调味王国！三天两夜免费体验岭南风情，夜游珠江登高小蛮腰，畅游长隆品粤式美食！还等什么？赶快参与互动，报名参加“海天阳光之旅”吧！</p>

                                        <section>活动时间：</section>

                                        <p>2014年9月15日—2014年10月30日</p>
                                        <p>多版活动素材，增强活动新鲜感，提升网民参与热度！分为不同的时期，分别推出不同的网站页面，通过分阶段的视觉冲击，增加活动的趣味性，吸引更多的网友持续关注活动，为活动打造更强的互动体验。</p>

                                        <div class="img_box">
                                                <img src="img/wenzhang2_4.jpg">
                                        </div>

                                        <p>
                                                趣味化广告 + 晒酱油视频 + 利益性抽奖,引爆全网最大化传播！
                                                借助汪涵的名人效应，不断地播放品牌TVC，强势教育消费者
                                                设置不同的奖项，刺激消费者带动更多的人参与活动，引发全网最大化传播</p>

                                        <div class="img_box">
                                                <img src="img/wenzhang2_6.jpg">
                                        </div>

                                        <p>截止10月13日，参与活动人数已达157万，海天引发全网互动狂潮！撬动网民内心支点奖品派不停！参与人数持续升高！</p>

                                        <p>20元红包1000份，共计2万元</p>

                                        <p>50元红包500份，共计2万5千元</p>

                                        <p>合计已派发红包1500份！</p>

                                        <div class="img_box">
                                                <img src="img/wenzhang2_7.jpg">
                                        </div>

                                        <p>总的来说，“阳光海天之旅”，集中资源，全网传播，互动效果明显，社会化传播上好评如潮对比厨邦酱油、李锦记，海天酱油在百度指数上遥遥领先，成功建立竞争壁垒！</p>

                                        <div class="img_box">
                                                <img src="img/wenzhang2_8.jpg">
                                        </div>

                                </div>
                                <div class="gray"></div>
                                <div class="jieshao">
                                        <span>上一篇:</span>
                                        <p>Flyme的新Logo也一同亮相</p>
                                </div>
                                <div class="gray"></div>
                                
                                <div class="wz_bottom">
                                        <div class="tu_three">
                                                <div class="three_img">
                                                        <img src="img/dianzan.png">
                                                        <span>点赞</span>
                                                </div>
                                                <div class="three_img">
                                                        <img src="img/shoucang.png">
                                                        <span>收藏</span>
                                                </div>
                                                <div class="three_img">
                                                        <img src="img/fenxiang.png">
                                                        <span>分享</span>
                                                </div>
                                        </div>
                                        <div class="wb">
                                                <textarea>

                                                </textarea>
                                                <p><a>登录</a>&nbsp;后参与评论</p>
                                        </div>

                                        <p>发表评论</p>

                                        <div class="pl">已有 <span>3</span> 条评论</div>

                                        <div class="pl_box">
                                                        <div class="admin">
                                                                <div class="admin_tx">
                                                                <img src="img/wenzhang2_tx1.png">
                                                                </div>
                                                                <span class="name">YanXinHeng</span>
                                                                <span>1天前</span>
                                                        </div>
                                                        <div class="admin_pl">
                                                        <p>在这个互相仇恨的年代,抓的点不错</p>
                                                        <span>2015-11-8 11:04</span>
                                                        </div>
                                                        <p>
                                                        <span>(2)</span>
                                                        <label for="A">
                                                                <span>回复</span>
                                                        </label>
                                                        <span class="xia">></span>
                                                        </p>
                                                        <input type="checkbox" id="A">
                                                        <div class="huifu_pl">
                                                                <div class="huifu_pl_t">
                                                                        <div class="huifu_pl_tx">
                                                                        <img src="img/wenzhang2_tx2.png">
                                                                        </div>
                                                                        <span class="name">YanXinHeng</span>
                                                                        <span>在这个互相仇恨的年代，抓的点不错</span>
                                                                </div>  
                                                                <p class="huifu_date">2015-11-9 10:02</p>

                                                                <div class="huifu_pl_t">
                                                                        <div class="huifu_pl_tx">
                                                                        <img src="img/wenzhang2_tx3.png">
                                                                        </div>
                                                                        <span class="name">YanXinHeng</span>
                                                                        <span>在这个互相仇恨的年代，抓的点不错</span>
                                                                </div>  
                                                                <p class="huifu_date">2015-11-9 10:02</p>

                                                                <div class="kuang">
                                                                        <textarea></textarea>
                                                                        <div><span>3</span><span>/50</span></div>
                                                                        
                                                                        <button>发表</button>
                                                                </div>    
                                                        </div>
                                                        
                                        </div>
                <!--********-->                

                                                <div class="pl_box">
                                                        <div class="admin">
                                                                <div class="admin_tx">
                                                                <img src="img/wenzhang2_tx1.png">
                                                                </div>
                                                                <span class="name">YanXinHeng</span>
                                                                <span>1天前</span>
                                                        </div>
                                                        <div class="admin_pl">
                                                        <p>在这个互相仇恨的年代,抓的点不错</p>
                                                        <span>2015-11-8 11:04</span>
                                                        </div>
                                                        <p>
                                                        <span>(2)</span>
                                                        <label for="B">
                                                                <span>回复</span>
                                                        </label>
                                                        <span class="xia">></span>
                                                        </p>
                                                        <input id="B" type="checkbox">
                                                        <div class="huifu_pl">
                                                                <div class="huifu_pl_t">
                                                                        <div class="huifu_pl_tx">
                                                                        <img src="img/wenzhang2_tx2.png">
                                                                        </div>
                                                                        <span class="name">YanXinHeng</span>
                                                                        <span>在这个互相仇恨的年代，抓的点不错</span>
                                                                </div>  
                                                                <p class="huifu_date">2015-11-9 10:02</p>

                                                                <div class="huifu_pl_t">
                                                                        <div class="huifu_pl_tx">
                                                                        <img src="img/wenzhang2_tx3.png">
                                                                        </div>
                                                                        <span class="name">YanXinHeng</span>
                                                                        <span>在这个互相仇恨的年代，抓的点不错</span>
                                                                </div>  
                                                                <p class="huifu_date">2015-11-9 10:02</p>

                                                                <div class="kuang">
                                                                        <textarea></textarea>
                                                                        <div><span>3</span><span>/50</span></div>
                                                                        
                                                                        <button>发表</button>
                                                                </div>    
                                                        </div>
                                                        
                                                </div>




                                
                                     

                                </div>

                                   <!--加载更多-->
                                   <article>加载更多</article>
                </div>
       
                <footer>
                                <div>
                                    <div>
                                        <a href="index.html">
                                                <img src="img/shouye.png">
                                        </a>
                                        
                                    </div>
                                    <p>
                                        <a href="index.html">首页 </a>
                                    </p>
                                </div>
        
                                <div class="f_line">
                                    <div>
                                        <a href="GIMC_index.html"><img src="img/cimc.png"></a>
                                    </div>
                                    <p><a href="GIMC_index.html">CIMC</a></p>
                                </div>
        
                                <div class="f_line">
                                    <div>
                                        <a href="wenzhang_1.html"><img src="img/wenzhang2.png"></a>
                                    </div>
                                    <p><a href="wenzhang_1.html">文章</a></p>
                                </div>
        
                                <div class="f_line">
                                    <div>
                                        <a href="ziyuan1.html"><img src="img/ziyuan.png"></a>
                                    </div>
                                    <p><a href="ziyuan1.html">资源</a></p>
                                </div>
                                <div class="f_line">
                                    <div>
                                        <a href="keceng.html"><img src="img/xueyuan.png"></a>
                                    </div>
                                    <p><a href="keceng.html">学院</a></p>
                                </div>
                        </footer>

</div>
</body>

<script>
  
/*动态改变根元素字体大小*/
function recalc() {
	var clientWidth = document.documentElement.clientWidth;
	if(!clientWidth) return;
	document.documentElement.style.fontSize = 40 * (clientWidth / 640) + 'px';
}

function initRecalc() {
	recalc();
	var resizeEvt = 'osrientationchange' in window ? 'orientationchange' : 'resize';
	if(!document.addEventListener) return;
	window.addEventListener(resizeEvt, recalc, false);
	document.addEventListener('DOMContentLoaded', recalc, false);
}
initRecalc();

 console.log("手机viewportWidth=",document.documentElement.clientWidth);
    //获取viewport宽
    var viewportWidth = document.documentElement.clientWidth;
    console.log(document.documentElement.style.fontSize);
</script>

</html>